<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结构性伪类选择器 not</title>
    <style>
        form {
            width: 200px;
            margin: 20px auto;
        }

        div {
            margin-bottom: 20px;
        }
        /* submit的类型排除  input= "text" */
        input:not([type="submit"]) {
            border: 1px solid red;
            background: #ccc;
        }
        input[type="submit"]{
            border:0;
            background-color: grey;
            cursor: pointer;
        }
        /* div:not(.box){background-color: green;} */
    </style>
</head>

<body>
    <div>1</div>
    <div class="box">2</div>

    <form action="#">
        <div>
            <label for="name">Text Input:</label>
            <input type="text" class="txt" name="name" id="name" placeholder="John
                    Smith" />
        </div>
        <div>
            <label for="name">Password Input:</label>
            <input type="text"  class="txt" name="name" id="name" placeholder="John
                    Smith" />
        </div>
        <div>
            <input type="submit"  value="Submit" />
        </div>
    </form>
</body>

</html>